﻿<!DOCTYPE html>
<html>
<head>
    <script>
        var aaaaaa = '<div id="loading" class="shade" times="1" style="background-color:#212121; opacity:1; z-index:10000; filter:alpha(opacity=30);"><div style="color:white; text-align:center;">页面加载中，请等待...</div></div>';
        document.write(aaaaaa);
        document.onreadystatechange = completeLoading;

        //加载状态为complete时移除loading效果
        function completeLoading() {
            if (document.readyState == "complete") {
                document.body.removeChild(document.getElementById("loading"));
            }
        }
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>冒险 - 有趣的游戏</title>
    <!-- Loading Bootstrap -->
    <link href="~/sRaw/ui/css/bootstrap.min.css" rel="stylesheet">

    <link rel="shortcut icon" href="~/sRaw/ui/img/favicon.ico">

    <style>
        body:before {
            content: ' ';
            position: fixed;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: url("/sRaw/ui/img/back.jpg") 50% 0 repeat-y;
            background-size: cover;
        }

        body {
            background-image: url("/sRaw/ui/img/back.jpg");
            background-repeat: no-repeat;
            background-position: center top;
            background-size: cover;
            background-attachment: fixed;
        }

        .toend {
            position: absolute;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
        }

        .shade {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            position: fixed;
            _position: absolute;
            pointer-events: auto;
        }
    </style>
</head>
<body>
    <div class="modal fade in" id="notice" tabindex="-1" role="dialog" aria-labelledby="notice" style="opacity:0.9">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="notice">公告</h4>
                </div>
                <div class="modal-body" id="noticebody">
                    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="htop">
                                <h4 class="panel-title">
                                    <button class="btn btn-danger" style="width:100%" role="button" data-toggle="collapse" data-parent="#accordion" href="#n1" aria-expanded="true" aria-controls="n1">
                                        <span class="label label-warning">HOT</span><strong>新注册玩家攻略</strong>
                                    </button>
                                </h4>
                            </div>
                            <div id="n1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="htop">
                                <div class="panel-body">
                                    <strong>
                                        点击物品/技能/装备名称可以查看物品/技能/装备详细信息<br />
                                        完成任务可以获得金币和祈愿之力<br />
                                        达成某项成就可以获得金币/装备/祈愿之力<br /><br />
                                        这个游戏是看脸的游戏，非洲人请点击右上角<br />
                                        新注册玩家获得祈愿之力 x 5
                                    </strong>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="htop">
                                <h4 class="panel-title">
                                    <button class="btn btn-primary" style="width:100%" role="button" data-toggle="collapse" data-parent="#accordion" href="#n2" aria-expanded="true" aria-controls="n2">
                                        <strong>04/16 ~ 17/04/16 祈愿祭坛</strong>
                                    </button>
                                </h4>
                            </div>
                            <div id="n2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="htop">
                                <div class="panel-body">
                                    <strong>有很多好东西。。。</strong>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @using CardWarWEB
    <div class="modal fade in" id="connecting" tabindex="-1" role="dialog" aria-labelledby="connecting" style="opacity:0.9">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">连接服务器</h4>
                </div>
                <div class="modal-body" id="connectingbody">
                    <span class="label" style="background-color:#FF9349" id="connectingtext">准备数据...</span><br />
                    <div style="margin-top:10px"></div>
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped active" role="progressbar" style="background-color: #B3AC10;min-width: 4em;width:100%">
                            <span id="hpprogress">Loading...</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade in" id="disconnected" tabindex="-1" role="dialog" aria-labelledby="disconnected" style="opacity:0.9">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">服务器断开连接</h4>
                </div>
                <div class="modal-body" id="disconnectedbody">
                    <span class="label" style="background-color:#EA1E1E" id="discontext">服务器连接已断开！请刷新页面重试连接。</span>
                </div>
            </div>
        </div>
    </div>
    <div class="toend">
        <div class="panel panel-default" style="margin-left: 10px;margin-right: 10px;margin-top: 20px;width: calc(100% - 20px);opacity:0.9">
            <div class="panel-body">
                <strong><span class="label label-success" style="margin-right:5px">@Conf.Users[ViewData["UserName"].ToString()].iG.Class.ToString()</span><span class="label label-success" style="margin-right:5px">LV.@Conf.Users[ViewData["UserName"].ToString()].iG.Level</span>冒险者：@ViewData["Nick"].ToString()</strong>
            </div>
            <div class="panel-footer">
                <a href="javascript:void(0)" class="label label-danger" id="onlinecount">在线人数：@(Conf.onlines.Count)</a><a href="javascript:void(0)" class="label label-danger" style="margin-left:5px" id="shownotice">显示公告</a><br />
                <div style="margin-top:10px"></div>
                <a href="javascript:void(0)" class="label label-primary" id="levelrank">等级排行</a>
                <a href="javascript:void(0)" class="label label-primary" style="margin-left:5px" id="moneyrank">金钱排行</a>
                <a href="javascript:void(0)" class="label label-primary" style="margin-left:5px" id="damagerank">伤害排行</a>
            </div>
        </div>
        <div class="panel panel-default" style="margin-left: 10px;margin-right: 10px;margin-top: 10px;width: calc(100% - 20px);opacity:0.9">
            <div class="panel-body">
                <strong>游戏</strong>
            </div>
            <div class="panel-footer">
                <button class="btn btn-danger" style="float:right" id="bworldboss">世界BOSS</button>
                <button class="btn btn-success">探索模式</button><br />
                <button class="btn btn-default disabled" style="margin-top:10px">多人探险(禁用)</button>
            </div>
        </div>
        <div class="panel panel-default" style="margin-left: 10px;margin-right: 10px;margin-top: 10px;width: calc(100% - 20px);opacity:0.9">
            <div class="panel-body">
                <strong>祭坛</strong>
            </div>
            <div class="panel-footer">
                <button class="btn btn-danger" style="float:right">祈愿祭坛</button>
                <button class="btn btn-success">金币祭坛</button><br />
                <button class="btn btn-default disabled" style="margin-top:10px">永恒祭坛(禁用)</button>
            </div>
        </div>
        <div class="panel panel-default" style="margin-left: 10px;margin-right: 10px;margin-top: 10px;width: calc(100% - 20px);opacity:0.9">
            <div class="panel-body">
                <strong>我的</strong>
            </div>
            <div class="panel-footer">
                <button class="btn btn-danger" style="float:right" id="showskill">查看技能</button>
                <button class="btn btn-success" id="showbackpack">打开背包</button><br />
                <div style="margin-top:10px"></div>
                <button class="btn btn-danger" style="float:right" id="showach">查看成就</button>
                <button class="btn btn-success" id="showself">个人面板</button><br />
            </div>
        </div>
        <div class="panel panel-default" style="margin-left: 10px;margin-right: 10px;margin-top: 10px;width: calc(100% - 20px);opacity:0.9" id="mine">
            <div class="panel-body">
                <strong><span id="minetitle"></span></strong>
            </div>
            <div class="panel-footer" id="minecontext">

            </div>
        </div>
    </div>
    <script src="~/sRaw/ui/js/jquery.min.js"></script>
    <script src="~/sRaw/layer/layer.js"></script>
    <script src="~/sRaw/ui/js/bootstrap.min.js"></script>
    <script src="~/sRaw/ui/js/video.js"></script>
    <script src="~/sRaw/ui/js/prettify.js"></script>
    <script src="~/sRaw/ui/js/application.js"></script>
    <script src="~/sRaw/ui/js/sign.js"></script>
    <script src="~/sRaw/ui/js/d3.min.js"></script>
    <script src="~/sRaw/ui/js/pinyin.js"></script>
    <script src="~/sRaw/ui/js/gametool.js"></script>
    <script src="~/sRaw/ui/js/maingame.js"></script>
</body>
</html>